<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="base.jsp" %>


    <div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->
			
			<h1 id="sidebar-title"><a href="${basePath}/main.action">凯盛项目管理系统</a></h1>
		  
			<!-- Logo (221px wide) -->
			<a href="${basePath}/main.action"><img id="logo" src="${basePath}/images/logo.png" alt="凯盛项目管理系统"></a>
		  
			<!-- Sidebar Profile links -->
			<div id="profile-links">
				你好, <a href="#" title="Edit your profile">${sessionScope.currentUser.username }</a>, 你刚刚收到了 <a href="#messages" rel="modal" title="3 Messages">3条消息</a><br>
				<br>
				<a href="${basePath}/main.action" title="View the Site">首页</a> | <a href="main!signOut.action" title="Sign Out">安全退出</a>
			</div>        
			
			<ul id="main-nav">  <!-- Accordion Menu -->
				
				<li>
					<a href="project!input.action" class="nav-top-item no-submenu"> <!-- Add the class "no-submenu" to menu items with no sub menu -->
						创建项目
					</a>       
				</li>
				
				<li> 
					<a href="project!findall.action" class="nav-top-item current"> <!-- Add the class "current" to current menu item -->
					项目列表
					</a>
					<ul id="projectList" style="display: block;">
						
					</ul>
				</li>
				<script type="text/javascript" >
			    	$(document).ready(function(){
			    		$.get("${basePath}/project!ajaxList.action",function(json){
			    			$(json).each(function(){
			    				$("#projectList").append('<li><a href="${basePath}/project!list.action?id='+this.id+'">'+this.projectname+'</a></li>');
			    			});
			    		});
			    	});
    			</script>
				
				<li>
					<a href="user!findall.action" class="nav-top-item">
						用户列表
					</a>
					<ul style="display: none;">
						<li><a href="#">Create a new Page</a></li>
						<li><a href="#">Manage Pages</a></li>
					</ul>
				</li>
				
				<li>
					<a href="data.action" class="nav-top-item">
						数据统计
					</a>
					<ul style="display: none;">
						<li><a href="#">Upload Images</a></li>
						<li><a href="#">Manage Galleries</a></li>
						<li><a href="#">Manage Albums</a></li>
						<li><a href="#">Gallery Settings</a></li>
					</ul>
				</li>
				
				<li>
					<a href="user!list.action?id=${currentUser.id}" class="nav-top-item">
						个人页面
					</a>
					<ul style="display: none;">
						<li><a href="#">Calendar Overview</a></li>
						<li><a href="#">Add a new Event</a></li>
						<li><a href="#">Calendar Settings</a></li>
					</ul>
				</li>
				
				<li>
					<a href="#" class="nav-top-item">
						Settings
					</a>
					<ul style="display: none;">
						<li><a href="#">General</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Your Profile</a></li>
						<li><a href="#">Users and Permissions</a></li>
					</ul>
				</li>      
				
			</ul> <!-- End #main-nav -->
			
			<div id="messages" style="display: none;"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->
				
				<h3>3 Messages</h3>
			 
				<p>
					<strong>17th May 2009</strong> by Admin<br>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>
			 
				<p>
					<strong>2nd May 2009</strong> by Jane Doe<br>
					Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>
			 
				<p>
					<strong>25th April 2009</strong> by Admin<br>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>
				
				<form action="http://demo.ponjoh.com/Simpla-Admin/index.html" method="post">
					
					<h4>New Message</h4>
					
					<fieldset>
						<textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
					</fieldset>
					
					<fieldset>
					
						<select name="dropdown" class="small-input">
							<option value="option1">Send to...</option>
							<option value="option2">Everyone</option>
							<option value="option3">Admin</option>
							<option value="option4">Jane Doe</option>
						</select>
						
						<input class="button" value="Send" type="submit">
						
					</fieldset>
					
				</form>
				
			</div> <!-- End #messages -->
			
		</div>
